<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>

    // 请求后端地址中提供的数据

    const url = "http://127.0.0.1:3000/getgoods";
    
    // 创建载体对象
    const xhr = new XMLHttpRequest();

    // 配置本次请求信息
    xhr.open("get", url);

    // 监听状态变化
    xhr.onreadystatechange = function(){
        // xhr自身的状态：阶段性的状态，需要最后一个阶段的状态
        // http（网络）的状态：只会产生一个，必须为成功的状态才能拿到数据
        if(xhr.readyState === 4 && xhr.status === 200){
            // xhr接收到的请求地址响应的数据
            const data = xhr.responseText;
            const res = JSON.parse( data );
            console.log(res)
        }
    }

    // 发起请求
    xhr.send();


    // get和post的区别：

    // xhr的状态码的含义
    // http的状态码的含义

    // 请求：谁发起的，谁请求
        // 一般为前端发起
        // 前端到后端的过程
    // 响应：谁接收的，谁响应
        // 只能为后端响应
        // 后端到前端的过程
    
</script>
</html>